<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>js悬浮球</title>
	<style type="text/css">
		.ball {			
    		width: 100px;
		    height: 100px;
		    padding: 0;
		    -moz-border-radius: 10px;
		    -webkit-border-radius: 10px;		    
		    background: #407fcc;
		    right: 5px;
		    position: fixed;
    		z-index: 999;
    		top: 100px;
    	
		}

		.ball > a {
			padding: 0;
		    font-family: iknow-qb_share_icons!important;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    text-indent: 0;
		    cursor: pointer;
		    border-radius: 2px;
		    display: block;
		    text-align: center;
		    display: block;
		    font-size: 28px;
		    line-height: 100px;
		    text-align: center;    
		}
		body{
			height: 3000px;
		}
	</style>
</head>
<body>
<div>
	<ul>
		<li class="ball">
			<a href="">报名</a>
		
		</li>
	</ul>

</div>

</body>
</html>